/// color|1|Brand Color|0
$--color-primary: #00cdb1;
// $--color-primary: #409EFF;
/// color|1|Background Color|4
$--color-white: #FFFFFF;
/// color|1|Background Color|4
$--color-black: #000000;
$--color-primary-light-1: mix($--color-white, $--color-primary, 10%);
$--color-primary-light-2: mix($--color-white, $--color-primary, 20%);
$--color-primary-light-3: mix($--color-white, $--color-primary, 30%);
$--color-primary-light-4: mix($--color-white, $--color-primary, 40%);
$--color-primary-light-5: mix($--color-white, $--color-primary, 50%);
$--color-primary-light-6: mix($--color-white, $--color-primary, 60%);
$--color-primary-light-7: mix($--color-white, $--color-primary, 70%);
$--color-primary-light-8: mix($--color-white, $--color-primary, 80%);
$--color-primary-light-9: mix($--color-white, $--color-primary, 90%);

/// color|1|Functional Color|1
$--color-success: #67C23A;
/// color|1|Functional Color|1
$--color-warning: #E6A23C;
/// color|1|Functional Color|1
$--color-danger: #F56C6C;
/// color|1|Functional Color|1
$--color-info: #909399;

$--color-success-light: mix($--color-white, $--color-success, 80%);
$--color-warning-light: mix($--color-white, $--color-warning, 80%);
$--color-danger-light: mix($--color-white, $--color-danger, 80%);
$--color-info-light: mix($--color-white, $--color-info, 80%);

$--color-success-lighter: mix($--color-white, $--color-success, 90%);
$--color-warning-lighter: mix($--color-white, $--color-warning, 90%);
$--color-danger-lighter: mix($--color-white, $--color-danger, 90%);
$--color-info-lighter: mix($--color-white, $--color-info, 90%);

/// color|1|Font Color|2
$--color-text-primary: #303133;
/// color|1|Font Color|2
$--color-text-regular: #545454;
/// color|1|Font Color|2
$--color-text-secondary: #909399;
/// color|1|Font Color|2
$--color-text-placeholder: #bfcbd9;

/// color|1|Border Color|3
$--border-color-base: #DCDFE6;
/// color|1|Border Color|3
$--border-color-light: #E4E7ED;
/// color|1|Border Color|3
$--border-color-lighter: #EBEEF5;
/// color|1|Border Color|3
$--border-color-extra-light: #F2F6FC;

$fontSize: 12px;
// $themeBackgroundColor: darken($--color-primary, 30%);
$themeBackgroundColor: rgb(51, 66, 91);
$baseLayoutPadding: 24px;